<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/all.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="css/animate.min.css" />
		<link rel="stylesheet" href="css/Dvideo.css" />
		<link rel="stylesheet" href="css/teachers.css" />
	</head>

	<body>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/Dvideo.js"></script>
		
		<!--开头的介绍-->
		<!--<article class="first">
			<img class="topact-big-img" src="//img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_a98b1dd97133928ca87df081f44da713/0">
			<img class="topact-small-img" src="//img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_19461bc8cba8447d617c4944512992d4/0">
			<article class="first-art">

				<button class="first-btnone"></button>
				
				<div>
					当前游戏版本：
					<em>Ver 8.19</em>
					<a class="version" href="#">版本详情</a>
				</div>
			</article>-->
		<!--版本详情连接-->

		<iframe id="dizhi1" frameborder="none" src="header.html" width="100%" height="360px" scrolling="no"></iframe>

		</article>
		<article class="second">
			<article class="second-art">
				<!--移动轮播图-->
				<div class="sec-moveby">
					<!--图片-->
					<div class="sec-moveimg">
						<a href="#">
							<img src="http://ossweb-img.qq.com/upload/adw/image/20181001/06e440387c71fab10067bc9070c83940.jpg" width="820" height="340" alt="李青的神龙图腾">
						</a>
						<a href="#">
							<img src="http://ossweb-img.qq.com/upload/adw/image/20181001/ce699c2b9b59ad2975a72c5378a3474b.jpg" width="820" height="340" alt="全球总决赛通行证">
						</a>
						<a href="#">
							<img src="http://ossweb-img.qq.com/upload/adw/image/20181001/ab3b9f162d004f2d46ffeea5d5a4d650.jpg" width="820" height="340" alt="冠军掠夺者卡兹克">
						</a>
						<a href="#">
							<img src="http://ossweb-img.qq.com/upload/adw/image/20181005/a69284da12a5b60b3e3786022fb30305.jpg" width="820" height="340" alt="S8入围赛赛程安排">
						</a>
						<a href="#">
							<img src="http://ossweb-img.qq.com/upload/adw/image/20181001/1bcb3c845a6ec52ad74f3cbb94746836.jpg" width="820" height="340" alt="参加竞猜赢限定图标">
						</a>
					</div>
					<!--下标-->
					<div class="sec-movespan">
						<span class="movespanapp">李青的神龙图腾</span>
						<span>全球总决赛通行证</span>
						<span>冠军掠夺者卡兹克</span>
						<span>S8入围赛赛程安排</span>
						<span>参加竞猜赢限定图标</span>
					</div>
				</div>
				<!--文章讨论区-->
				<div class="sec-table">
					<!--题目-->
					<ul class="sectableul">
						<li class="sectableli">综合<i style="display:block;"></i></li>
						<li>公告<i></i></li>
						<li>赛事<i></i></li>
						<li>攻略<i></i></li>
						<li>社区<i></i></li>
					</ul>
					<!--文章-->
					<ol class="sectableol">
						<li class="block">
							<ul class="sectableolul">
								<li>全球总决赛激战季开启！</li>
								<li>
									<i></i>
								</li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</li>
						<li>
							<ul class="sectableolul">
								<li>8.20版本更新：新版伊泽瑞尔登场</li>
								<li>
									<i></i>
								</li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</li>
						<li>
							<ul class="sectableolul">
								<li>《我是选手》：7字传承R闪保龄球</li>
								<li>
									<i></i>
								</li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</li>
						<li>
							<ul class="sectableolul">
								<li>8.20版本EZ改动 双重玩法教学</li>
								<li>
									<i></i>
								</li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</li>
						<li>
							<ul class="sectableolul">
								<li>【问拳头特别篇】有趣的问题都在这里</li>
								<li>
									<i></i>
								</li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>
						</li>
					</ol>
					<footer>
						阅读更多<span>最新资讯</span><i class="arrow arrone"></i>
					</footer>
				</div>

				<!--热门活动-->
				<div class="hotactivity">
					<header>
						<h2 id="dizhi2" class="activity left">热门活动</h2>
						<article class=" right">
							<span class="morebule">正在进行<i style="display: block;"></i>
	    					</span>
							<span>商城特惠<i></i>
	    					</span>
							<span>长期活动<i></i>
	    					</span>
							<div class="more right">
								<a href="#">更多</a>
								<em class="arrow"></em>
							</div>
						</article>
					</header>
					<ul class="activity-con">
						<li style="display: block;">
							<div class="activity-list">
								<img src="http://ossweb-img.qq.com/images/clientpop/act/lol_1538534742_uploadnewsImg.jpg" alt="S8竞猜有奖" width="193" height="207">
								<h4>s8有奖竞猜</h4>
								<p>25天结束</p>
								<a href="#">

									<h2>S8有奖竞猜</h2>
									<p>S8竞猜有奖，竞猜即得全球总决赛竞猜图标！</p>
									<p>2018-10-01 - 2018-11-02</p>
								</a>
							</div>
							<div class="activity-list">
								<img src="http://ossweb-img.qq.com/images/clientpop/act/lol_1538378724_uploadnewsImg.jpg" alt="英雄 荣誉出征" width="193" height="207">
								<h4>英雄&nbsp;荣誉出征</h4>
								<p>26天结束</p>
								<a href="#">

									<h2>英雄&nbsp;荣誉出征</h2>
									<p>做任务，开宝箱，赢总决赛限量大奖。有机会获得全球限量UZI签名手办</p>
									<p>2018-10-01 - 2018-11-03</p>
								</a>
							</div>
							<div class="activity-list">
								<img src="http://ossweb-img.qq.com/images/clientpop/act/lol_1538141325_uploadnewsImg.jpg" alt="李青的神龙图腾" width="193" height="207">
								<h4>李青的神龙图腾</h4>
								<p>3天结束</p>
								<a href="#">

									<h2>李青的神龙图腾</h2>
									<p>参与活动有机会赢取龙的传人 李青及3色珍稀炫彩皮肤</p>
									<p>2018-09-28 - 2018-10-11</p>
								</a>
							</div>
							<div class="activity-list">
								<img src="http://ossweb-img.qq.com/images/clientpop/act/lol_1538043542_uploadnewsImg.jpg" alt="奥德赛系列周边" width="193" height="207">
								<h4>奥德赛系列周边</h4>
								<p>22天结束</p>
								<a href="#">

									<h2>奥德赛系列周边</h2>
									<p>奥德赛限定周边邀你出行。</p>
									<p>2018-09-13 - 2018-10-30</p>
								</a>
							</div>
						</li>
						<li>
							<div class="activity-list">
								<img src="http://ossweb-img.qq.com/images/clientpop/act/lol_1537516711_uploadnewsImg.jpg" alt="月满中秋嫦娥相伴" width="193" height="207">
								<h4>月满中秋嫦娥相伴</h4>
								<p>已结束</p>
								<a href="#">

									<h2>月满中秋嫦娥相伴</h2>
									<p>广寒仙子嫦娥限定皮肤限时销售</p>
									<p>2018-09-21 - 2018-09-24</p>
								</a>
							</div>
						</li>
						<li>
							<div class="activity-list">
								<img src="http://ossweb-img.qq.com/images/clientpop/act/lol_1537548023_uploadnewsImg.jpg" alt="作者入驻计划" width="193" height="207">
								<h4>作者入驻计划</h4>
								<p>长期活动</p>
								<a href="#">

									<h2>作者入驻计划</h2>
									<p>入驻成为作者，获得内容创作激励与支持。</p>
									<p>2018-09-15 - 2020-09-21</p>
								</a>
							</div>
						</li>
					</ul>
				</div>

				<!--下载游戏-->
				<ul class="game-download">
					<li class="downloadone">
						<a href="#">
							<video class="side-down-video" autoplay="" loop="" muted="" width="366" height="168">
								<source src="//ossweb-img.qq.com/images/lol/v3/btn-download.mp4" type="video/mp4">
							</video>
						</a>
					</li>
					<li class="downloadtwo">
						<div class="downloadtwo-a">
							<a href="#">
								<i></i> 指引
							</a>
							<a href="#">
								<i></i> 礼包
							</a>
							<em>
	    				    	新手必备
	    				    </em>
						</div>
						<div>
							<a href="#">
								领取中心
							</a>
						</div>

					</li>
					<li>
						<a href="#">
							<b></b> 在线客服
						</a>
					</li>
					<li>
						<a href="#">
							<b></b> 秩序殿堂
						</a>
					</li>
					<li>
						<a href="#">
							<b></b> 游戏资料
						</a>
					</li>
					<li>
						<a href="#">
							<b></b> 峡谷之巅
						</a>
					</li>
					<li class="downloadthree">
						<a href="#">
							<b></b> 微信绑定
							<i></i>
						</a>
					</li>
					<li>
						<a href="#">
							<b></b> LOL宇宙
						</a>

					</li>
					<li class="downloadfour">
						<a href="#">
							<article></article>
							玩家社区
						</a>
						<div class="downfour">
							<a href="#"><i style="background:url(//ossweb-img.qq.com/images/lol/v3/index-spr.png)-541px -253px;"></i>视频</a>
							<a href="#"><i style="background:url(//ossweb-img.qq.com/images/lol/v3/index-spr.png)-361px -316px;"></i>赛事</a>
							<a href="#"><i style="background:url(//ossweb-img.qq.com/images/lol/v3/index-spr.png)-496px -253px;"></i>攻略</a>
							<a href="#"><i style="background:url(//ossweb-img.qq.com/images/lol/v3/index-spr.png)-560px -179px;"></i>论坛</a>
							<a href="#"><i style="background:url(//ossweb-img.qq.com/images/lol/v3/index-spr.png)-541px -253px;"></i>创造馆</a>
							<div></div>
						</div>
					</li>

				</ul>
				<script type="text/javascript" src="js/index.js"></script>

				<!--游戏更新-->
				<article class="newgame ">

					<div class="updata left">
						<h2 class="updata-h2">英雄联盟</h2>
						<p>"我带上雪球，你带人来打！"</p>
						<a>雪原双子 努努和威朗普</a>
						<div class="hover-updata">
							<p>雪原双子 努努和威朗普</p>
							<ul>
								<li>难度：<span></span><span></span><span></span></li>
								<li>物理攻击：</li>
								<li>防御能力：</li>
								<li>魔法攻击：</li>
							</ul>
							<a href="#">
								查看详情
								<i></i>
							</a>
						</div>
					</div>
					<div class="newskin right">
						<a>新皮肤</a>
						<h2>2018全球总决赛</h2>
						<p>冠军掠夺者 卡兹克</p>

					</div>
				</article>
                <!--视频-->
				<article class="worldgame">
					<div class="worldgame-video">
						<img src="//img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_db484980425cd1e7ad2bcf98a614d96c/0" width="240" height="120" alt="S8全球冠军赛版本">
						<div id="testVideo"></div>
					</div>
					<script>
						// window.onload = function () {
						var videoWrap = document.getElementById('testVideo')
						var fullScreen = document.getElementById('getFullScreen')
						var video = new Dvideo({
							ele: '#testVideo',
							title: 'Pneumatic Tokyo - EnV',
							nextVideoExtend: function() {
								alert('您点击了下一页')
							},
							showNext: true,

							src: 'http://oxyi0vk1f.bkt.clouddn.com/evn4.mp4',
							autoplay: false,
							setVideoDefinition: function(type, e, current) {
								if(type === '0') {
									alert('你点击了标清')
									// video.setVideoInfo('這是標清','这里填写视频的标清地址',current)
								}
								if(type === '1') {
									alert('你点击了标清')
									// video.setVideoInfo('這是標清','这里填写视频的高清地址',current)
								}
								if(type === '2') {
									alert('你点击了标清')
									// video.setVideoInfo('這是標清','这里填写视频的超清地址',current)
								}
								video.showLoading(false)

								// setTimeout(function () {
								// 	video.videoEle.currentTime = current
								// 	video.videoPlay()
								// 	video.showLoading(false)
								// }, 3000)
							},
						})
						document.getElementsByClassName("worldgame-video")[0].onmouseenter = function() {
							video.videoPlay()
						}
						document.getElementsByClassName("worldgame-video")[0].onmouseleave = function() {
							video.videoPause()
						}

						// 全屏
						function setFullScreen() {
							video.launchFullScreen(videoWrap)
						}

						// 播放
						function play() {
							video.videoPlay()
						}

						// 暂停
						function pause() {
							video.videoPause()
						}

						// 播放暂停
						function playpause() {
							video.videoPlayPause()
						}

						function setVolume(v) {
							video.updateVolume(v)
						}

						function setBackRate(index) {
							video.setPlayBackRate(index)
						}

						function setVideoForward() {
							video.videoForward(10)
						}

						function setVideoRewind() {
							video.videoRewind(10)
						}

						function showLoading() {
							video.showLoading(true, '视频清晰度切换中，请稍等')
						}

						function showTopBottomCtrlNotClose() {
							video.showTopBottomCtrl()
						}

						function hideTopBottomCtrlLi() {
							video.hideTopBottomCtrl(true)
						}

						function showTopBottomCtrl() {
							video.showTopBottomCtrl(true)
						}

						function hideTopBottomCtrl() {
							video.hideTopBottomCtrl()
						}

						function setVideoSize() {
							video.updateVideoSize(720, 480)
						}
					</script>
					<div class="daomei">
						<img src="//img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_0f813172d773d52c5bfef1e04a6a7d5d/0" width="240" height="120" alt="冠军之箭 艾希">
						<img src="//img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_8955ca83f901b9e3b64e90254bc4e302/0" class="hover-img" width="240" height="120" alt="冠军之箭 艾希">
					</div>
					<a href="#">
						<div class="paiwei">
							<img src="//img.crawler.qq.com/lolwebschool/0/JAutoCMS_LOLWeb_eaac67a409ee99ebe0e29dc43afbf65a/0" width="242" height="180" alt="2019年排位顶端分段改动">
							<div class="paiwei-one">
								<h4 class="p1">2019年排位顶端分段改动</h4>
								<p class="p2">内含傲世宗师以及其他的信息</p>
							</div>
						</div>
					</a>

					<div class="zhoumian">
						<a href="#">
							<div class="zhoumiantiao">
								<i></i> 周免
								<i></i>
								<i></i>
							</div>
						</a>

					</div>

				</article>
			</article>
		</article>
		<!--最新视频-->
		<article class="third">
			<article class="third-art">
				<div id="dizhi3" class="new-header">
					最新视频

				</div>
				<header class="new-video new-video1">
					<span class="font-color">推荐<i style="display: block;"></i></span>
					<span>官方<i></i></span>
					<span>娱乐<i></i></span>
					<span>赛事<i></i></span>
					<span>教学<i></i></span>
					<a href="#">
						更多
						<em class="arrow"></em>
					</a>

				</header>

				<ul class="newvideo newvideo1">
					<li style="display: block;">
						<ul class="allnewvideo">
							<li>
								<a href="#">
									<img src="//puui.qpic.cn/qqvideo_ori/0/z0725qzyxvt_496_280/0" width="198" height="110" alt="火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯">
									<p class="vidio-p">
										火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯
									</p>
									<div class="videoroll">
										<i></i>
									</div>
								</a>
								<span>34次播放</span><span class="vidio-time">2018-09-30</span>
								<div class="usetime">02:24</div>

							</li>
							<li>
								<a href="#">
									<img src="//puui.qpic.cn/qqvideo_ori/0/z0725qzyxvt_496_280/0" width="198" height="110" alt="火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯">
									<p class="vidio-p">
										火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯
									</p>
									<div class="videoroll">
										<i></i>
									</div>
								</a>
								<span>34次播放</span><span class="vidio-time">2018-09-30</span>
								<div class="usetime">02:24</div>
							</li>
							<li>

							</li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>

						</ul>
					</li>
					<li>
						<ul class="allnewvideo">
							<li>
								<a href="#">
									<img src="//puui.qpic.cn/qqvideo_ori/0/z0725qzyxvt_496_280/0" width="198" height="110" alt="火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯">
									<p class="vidio-p">
										火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯
									</p>
									<div class="videoroll">
										<i></i>
									</div>
								</a>
								<span>34次播放</span><span class="vidio-time">2018-09-30</span>
								<div class="usetime">02:24</div>

							</li>

							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</li>
					<li>
						<ul class="allnewvideo">
							<li>
								<a href="#">
									<img src="//puui.qpic.cn/qqvideo_ori/0/m07368yoaot_496_280/0" width="198" height="110" alt="奥拉夫：我有闪现和金身还有个露露，黑白锐雯：我有个铁头">
									<p class="vidio-p">
										火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯
									</p>
									<div class="videoroll">
										<i></i>
									</div>
								</a>
								<span>34次播放</span><span class="vidio-time">2018-09-30</span>
								<div class="usetime">02:24</div>
							</li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</li>
					<li>
						<ul class="allnewvideo">
							<li>
								<a href="#">
									<img src="//puui.qpic.cn/vpic/0/z0736kbma1u.png/0" width="198" height="110" alt="骚话解说：炮娘被两个痴汉在草丛里">
									<p class="vidio-p">
										火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯
									</p>
									<div class="videoroll">
										<i></i>
									</div>
								</a>
								<span>34次播放</span><span class="vidio-time">2018-09-30</span>
								<div class="usetime">02:24</div>
							</li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</li>
					<li>
						<ul class="allnewvideo">
							<li>
								<a href="#">
									<img src="//puui.qpic.cn/qqvideo_ori/0/t0735ygdx69_496_280/0" width="198" height="110" alt="锐雯TOP5 神仙打架，锐雯神级走位击杀卡莎！">
									<p class="vidio-p">
										火影劫精彩集锦，极限操作 残血反杀敌方满血锐雯
									</p>
									<div class="videoroll">
										<i></i>
									</div>
								</a>
								<span>34次播放</span><span class="vidio-time">2018-09-30</span>
								<div class="usetime">02:24</div>
							</li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
					</li>
				</ul>
				<!--热门专辑-->
				<article class="third-artnext">
					<div class="new-header">
						热门专辑
					</div>
					<header class="new-video new-video2">
						<span class="font-color">周一<i style="display: block;"></i></span>
						<span>周二<i></i></span>
						<span>周三<i></i></span>
						<span>周四<i></i></span>
						<span>周五<i></i></span>
						<span>周六<i></i></span>
						<span>周日<i></i></span>

					</header>
					<ul class=" newvideo2">
						<li style="display: block;">
							<ol class="shipinzhuanlan">
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/d7a44b06265858012145084e8ccfe2c7/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/d7a44b06265858012145084e8ccfe2c7/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/d7a44b06265858012145084e8ccfe2c7/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>

							</ol>
						</li>
						<li>
							<ol class="shipinzhuanlan">
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/5b47dd57479acb0e8c5954e7e0e9ba90/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/5b47dd57479acb0e8c5954e7e0e9ba90/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/5b47dd57479acb0e8c5954e7e0e9ba90/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
							</ol>
						</li>
						<li>
							<ol class="shipinzhuanlan">
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/5b47dd57479acb0e8c5954e7e0e9ba90/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/d7a44b06265858012145084e8ccfe2c7/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/d7a44b06265858012145084e8ccfe2c7/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
							</ol>
						</li>
						<li>
							<ol class="shipinzhuanlan">
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/cb7c7b91b867287988f3ecb0132af05b/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/cb7c7b91b867287988f3ecb0132af05b/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/cb7c7b91b867287988f3ecb0132af05b/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
							</ol>
						</li>
						<li>
							<ol class="shipinzhuanlan">
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/caf83a1caf1a74df90fa08ef80d15ecf/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/caf83a1caf1a74df90fa08ef80d15ecf/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/caf83a1caf1a74df90fa08ef80d15ecf/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
							</ol>
						</li>
						<li>
							<ol class="shipinzhuanlan">
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/bb258695f6a6d3f77229a70cf9206a9d/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/bb258695f6a6d3f77229a70cf9206a9d/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/bb258695f6a6d3f77229a70cf9206a9d/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
							</ol>
						</li>
						<li>
							<ol class="shipinzhuanlan">
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/caf83a1caf1a74df90fa08ef80d15ecf/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>
								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/caf83a1caf1a74df90fa08ef80d15ecf/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
								<li><img class="program-pic" src="https://shp.qpic.cn/cfwebcap/0/caf83a1caf1a74df90fa08ef80d15ecf/0?width=273&amp;height=375" width="156" height="212" alt="sTitle">
									<h3>每日撸报</h3>
									<h4>2018-09-13更新至0期</h4>
									<a class="name-progress" href="#">
										各大知名主播搞笑片段集锦，每日更新。
									</a>
									<a class="author-program">
										<img src="https://shp.qpic.cn/cfwebcap/0/0f5da8363f1f148245274a76d81259fa/0?width=200&amp;height=200" style="vertical-align: middle;" width="30" height="30" alt="兔玩LOL"> 兔玩LOL
									</a>

								</li>
							</ol>
						</li>
						<!--<button class="left-btn"></button>
						<button class="right-btn"></button>-->

					</ul>
					<a href="#">
						<footer class="gotovideo">

							前往视频中心
							<i></i>
						</footer>
					</a>

				</article>

			</article>

			<script type="text/javascript" src="js/index1.js"></script>

		</article>

		<!--赛事中心-->
		<article class="fourth">

			<article class="fourth-art">
				<header id="dizhi4" class="new-header">
					赛事中心
				</header>
				<div class="new-video new-video3">
					<span class="font-color">入围赛<i style="display: block;"></i></span>
					<span>小组赛<i></i></span>
					<span>淘汰赛<i></i></span>

					<a href="#">更多<em class="arrow"></em></a>
				</div>
				<div class="worldcontest">
					<a href="#">
						<img src="http://img.crawler.qq.com/lolwebvideo/20180920160725/94fc0855c24a0e113420321681839074/0" width="25" height="25" alt="2018全球总决赛火热进行中！"> 2018全球总决赛火热进行中！
					</a>

				</div>
				<article class="all-worldcontest">
					<div style="display: block;">
						<img src="img/xiaozusai.jpg" />
					</div>
					<div>
						<img src="img/xiaozusai2.jpg">
					</div>
					<div>
						<div class="wait-tip"><img src="//ossweb-img.qq.com/images/lol/v3/polo.gif" style="vertical-align: middle;">
							<a>敬请期待</a>
						</div>
					</div>
				</article>
			</article>

		</article>

		<!--英雄资料-->
		<article class="fifth">
			<article class="fifth-art">
				<a href="#">
					<div class="fif-lookmore right">
						资料库
						<i class="arrow"></i>
					</div>
				</a>

				<header id="dizhi5" class="fifth-header new-header">
					英雄资料
				</header>
				<ul class="fif-content">
					<li class="font-change"><i class="chuxian"></i>所有英雄</li>
					<li><i></i>战士</li>
					<li><i></i>法师</li>
					<li><i></i>刺客</li>
					<li><i></i>坦克</li>
					<li><i></i>射手</li>
					<li><i></i>辅助</li>
				</ul>
				<ul class="all-yingxiong">
					<li style="display: block;">
						<ol class="yingxiong">
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?002">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Ahri.png" width="66" height="66" alt="九尾妖狐">
									<p>九尾妖狐</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?003">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Akali.png" width="66" height="66" alt="离群之刺">
									<p>离群之刺</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?004">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Alistar.png" width="66" height="66" alt="牛头酋长">
									<p>牛头酋长</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?005">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>

						</ol>
					</li>
					<li>
						<ol class="yingxiong">
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?005">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/AurelionSol.png" width="66" height="66" alt="铸星龙王">
									<p>铸星龙王</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?006">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Blitzcrank.png" width="66" height="66" alt="蒸汽机器人">
									<p>蒸汽机器人</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?007">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Camille.png" width="66" height="66" alt="青钢影">
									<p>青钢影</p>
									<i><em></em></i>
								</a>
							</li>

						</ol>
					</li>
					<li>
						<ol class="yingxiong">
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Ahri.png" width="66" height="66" alt="九尾妖狐">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Amumu.png" width="66" height="66" alt="殇之木乃伊">
									<p>铸星龙王</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Blitzcrank.png" width="66" height="66" alt="蒸汽机器人">
									<p>蒸汽机器人</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Camille.png" width="66" height="66" alt="青钢影">
									<p>青钢影</p>
									<i><em></em></i>
								</a>
							</li>

						</ol>
					</li>
					<li>
						<ol class="yingxiong">
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Aatrox.png" width="66" height="66" alt="暗裔剑魔">
									<p>暗裔剑魔</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/AurelionSol.png" width="66" height="66" alt="铸星龙王">
									<p>铸星龙王</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Blitzcrank.png" width="66" height="66" alt="蒸汽机器人">
									<p>蒸汽机器人</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Camille.png" width="66" height="66" alt="青钢影">
									<p>青钢影</p>
									<i><em></em></i>
								</a>
							</li>

						</ol>
					</li>
					<li>
						<ol class="yingxiong">
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/AurelionSol.png" width="66" height="66" alt="铸星龙王">
									<p>铸星龙王</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/AurelionSol.png" width="66" height="66" alt="铸星龙王">
									<p>铸星龙王</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/AurelionSol.png" width="66" height="66" alt="铸星龙王">
									<p>铸星龙王</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/AurelionSol.png" width="66" height="66" alt="铸星龙王">
									<p>铸星龙王</p>
									<i><em></em></i>
								</a>
							</li>

						</ol>
					</li>
					<li>
						<ol class="yingxiong">
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Camille.png" width="66" height="66" alt="青钢影">
									<p>青钢影</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Camille.png" width="66" height="66" alt="青钢影">
									<p>青钢影</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Camille.png" width="66" height="66" alt="青钢影">
									<p>青钢影</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Camille.png" width="66" height="66" alt="青钢影">
									<p>青钢影</p>
									<i><em></em></i>
								</a>
							</li>

						</ol>
					</li>
					<li>
						<ol class="yingxiong">
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Blitzcrank.png" width="66" height="66" alt="蒸汽机器人">
									<p>蒸汽机器人</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Blitzcrank.png" width="66" height="66" alt="蒸汽机器人">
									<p>蒸汽机器人</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Blitzcrank.png" width="66" height="66" alt="蒸汽机器人">
									<p>蒸汽机器人</p>
									<i><em></em></i>
								</a>
							</li>
							<li>
								<a href="detail.html?001">
									<img src="//ossweb-img.qq.com/images/lol/img/champion/Blitzcrank.png" width="66" height="66" alt="蒸汽机器人">
									<p>蒸汽机器人</p>
									<i><em></em></i>
								</a>
							</li>

						</ol>
					</li>
				</ul>

			</article>

		</article>

		<!--创作馆-->
		<article class="sixth">
			<article class="sixth-art">
				<header id="dizhi6" class="new-header">
					FANART创作馆
				</header>

				<!--<ul>
					<li><img class="fanart-img" id="fanart0" src="http://shp.qpic.cn/cms_pic/120807623/a1a02fabae071fd36a697ea1133697c4/258" alt="RNG冠军同人皮肤"></li>
					<li><img class="fanart-img" id="fanart1" src="http://shp.qpic.cn/cms_pic/1309024942/bd5bcb84087f0776004af84e7b066fc4/258" alt="拉面"></li>
					<li><img class="fanart-img" id="fanart2" src="http://shp.qpic.cn/cms_pic/111005059/ad8682688d7f2d5e2e942fc7a284dd8f/258" alt="Camille"></li>
					<li><img class="fanart-img" id="fanart3" src="http://shp.qpic.cn/cms_pic/1319049797/4fc636983b05f634d662dd988e5a3b3f/258" alt="《圣枪 . 白鸽》"></li>
					<li><img class="fanart-img" id="fanart4" src="http://shp.qpic.cn/cms_pic/1301021255/f2778baa5f3699176c0826404df341a2/258" alt="瘟疫之源图奇——SSW战队皮肤 cosplay"></li>
					<li><img class="fanart-img" id="fanart5" src="http://shp.qpic.cn/cms_pic/1310045534/cb3e4ff1ad11e2da9fab0de3a714fe37/258" alt="泳池派对佐伊"></li>
					<li><img class="fanart-img" id="fanart6" src="http://shp.qpic.cn/cms_pic/1308046209/363853857173ef42113000eb27093b43/258" alt="Star Guardian Ahri"></li>
					<li><img class="fanart-img" id="fanart7" src="http://shp.qpic.cn/cms_pic/1313035582/de67b5b4315779f554b061c875a6923a/258" alt="[LoL] Piltover Popo"></li>
				</ul>-->

				<div class="teachers_banner">
					<div class="container clearfix teachers_b">
						<div class="slide" id="slide">
							<ul>
								<li> <img src="img/akali.jpg" /> </li>
								<li> <img src="img/huli.jpg"> </li>
								<li> <img src="img/jianmo.jpg"> </li>
								<li> <img src="img/jiqiren.jpg" /> </li>
								<li> <img src="img/kamier.jpg" /> </li>
								<li> <img src="img/longwang.jpg"/> </li>
							</ul>
							<div class="olarrow">
								<div class="prev"><</div>
								<div class="next">></div>

							</div>
						</div>
					</div>
				</div>

					<script>
						$(function() {
							/*图片位置数据*/
							var datas = [{
									'z-index': 6,
									opacity: 1,
									width: 760,
									height: 330,
									top: 40,
									left: 0
								},
								{
									'z-index': 4,
									opacity: 0.6,
									width: 560,
									height: 243,
									top: 80,
									left: -225
								},
								{
									'z-index': 3,
									opacity: 0.4,
									width: 480,
									height: 203,
									top: -10,
									left: -170
								},
								{
									'z-index': 2,
									opacity: 0.2,
									width: 620,
									height: 269,
									top: -60,
									left: 110
								},
								{
									'z-index': 3,
									opacity: 0.4,
									width: 480,
									height: 203,
									top: -10,
									left: 430
								},
								{
									'z-index': 4,
									opacity: 0.6,
									width: 560,
									height: 243,
									top: 80,
									left: 420
								},
							]
							move();

							function move() {
								/*图片分布*/
								for(var i = 0; i < datas.length; i++) {
									var data = datas[i];
									$('#slide ul li').eq(i).css('z-index', data['z-index']);
									$('#slide ul li').eq(i).stop().animate(data, 1200);
								}
							}

							/*左箭头事件*/
							$('.prev').on('click', function() {
								var last = datas.pop();
								datas.unshift(last);

								move();
							})

							/*右箭头事件处理函数*/
							function nextYewu() {
								var first = datas.shift();
								datas.push(first);
								move();
							}
							/*右箭头事件*/
							$('.next').on('click', nextYewu);

							/*自动播放*/
							var timer = setInterval(function() {
								nextYewu();
							}, 5000);
							/*鼠标进入slide显示箭头,清除自动播放*/
							$('#slide').on({
								mouseenter: function() {
									$('.olarrow').css('display', 'block');
									clearInterval(timer);
								},
								mouseleave: function() {
									$('.olarrow').css('display', 'none');
									/*鼠标离开时自动播放*/
									clearInterval(timer);
									timer = setInterval(function() {
										nextYewu();
									}, 5000)
								}
							})
						})
					</script>
			</article>
		</article>

		<article class="rignav">
			<ul class="rignav-ul">
				<li onclick="sclTo('dizhi2')">
					<i></i>
					<p>热门活动</p>
				</li>
				<li onclick="sclTo('dizhi3')">
					<i></i>
					<p>视频中心</p>
				</li>
				<li onclick="sclTo('dizhi4')">
					<i></i>
					<p>赛事中心</p>
				</li>
				<li onclick="sclTo('dizhi5')">
					<i></i>
					<p>英雄中心</p>
				</li>
				<li onclick="sclTo('dizhi6')">
					<i></i>
					<p>英雄资料</p>
				</li>
				<li onclick="sclTo('dizhi1')">
					<i></i>
					<p>FANART</p>
				</li>
			</ul>
		</article>
        
		<script src="js/index2.js" type="text/javascript" charset="utf-8"></script>
		
		
		
		<iframe frameborder="none" src="footer.html" width="100%" height="300px" scrolling="no"></iframe>
	</body>

</html>